
// tab栏切换

// content2
(function () {
    $.fn.extend({
        qiehuan() {
            $(this).find(".c-2info-left>span").on("mouseenter", function () {
                let $spanindex = $(this).index();
                $(this).addClass("item-active").siblings()
                    .removeClass("item-active")
                $(this).parents(".content").find(".c-2info-right").eq($spanindex).show()
                    .siblings(".c-2info-right").hide()
            })
            $(this).find(".c-2info-right>a").children("div").on("mouseenter", function () {
                $(this).css({
                    "top": "-5px",
                }).children(".bottom").css({
                    "border": "1px solid #CCCCCC",
                    "box-shadow": "0px 0px 20px skyblue"
                })
            }).on("mouseleave", function () {
                $(this).css({
                    "top": "0px"
                }).children(".bottom").css({
                    "border": "",
                    "box-shadow": ""
                })
            })
        },
        gaoliang3() {
            $(this).find(".info-item:even").on("mouseenter", function () {
                $(this).css({
                    "top": "49px",
                }).children(".item-top").css({
                    "border": "1px solid #CCCCCC",
                    "box-shadow": "0px 0px 20px skyblue"
                })
            }).on("mouseleave", function () {
                $(this).css({
                    "top": "54px"
                }).children(".item-top").css({
                    "border": "",
                    "box-shadow": ""
                })
            })

            $(this).find(".info-item:odd").on("mouseenter", function () {
                $(this).css({
                    "top": "92px",
                }).children(".item-top").css({
                    "border": "1px solid #CCCCCC",
                    "box-shadow": "0px 0px 20px skyblue"
                })
            }).on("mouseleave", function () {
                $(this).css({
                    "top": "99px"
                }).children(".item-top").css({
                    "border": "",
                    "box-shadow": ""
                })
            })
        },
        gaoliang4() {
            $(this).find(".info-item").on("mouseenter", function () {
                $(this).css({
                    "top": "-5px",
                    "border": "1px solid #CCCCCC",
                    "box-shadow": "0px 0px 20px skyblue"
                })
            }).on("mouseleave", function () {
                $(this).css({
                    "top": "0px",
                    "border": "",
                    "box-shadow": ""
                })
            })
        },
        gaoliang5() {
            $(this).find(".info-item:even").on("mouseenter", function () {
                $(this).css({
                    "top": "49px",
                }).children(".item-top").css({
                    "border": "1px solid #CCCCCC",
                    "box-shadow": "0px 0px 20px skyblue"
                })
            }).on("mouseleave", function () {
                $(this).css({
                    "top": "54px"
                }).children(".item-top").css({
                    "border": "",
                    "box-shadow": ""
                })
            })

            $(this).find(".info-item:odd").on("mouseenter", function () {
                $(this).css({
                    "top": "92px",
                }).children(".item-top").css({
                    "border": "1px solid #CCCCCC",
                    "box-shadow": "0px 0px 20px skyblue"
                })
            }).on("mouseleave", function () {
                $(this).css({
                    "top": "99px"
                }).children(".item-top").css({
                    "border": "",
                    "box-shadow": ""
                })
            })
        },
        gaoliang6() {
            $(this).find(".info-item>.item").on("mouseenter", function () {
                $(this).css({
                    "top": "51px",
                    "border": "1px solid #CCCCCC",
                    "box-shadow": "0px 0px 20px skyblue"
                })
            }).on("mouseleave", function () {
                $(this).css({
                    "top": "56px",
                    "border": "",
                    "box-shadow": ""
                })
            })
        },
        display7() {
            $(this).find(".info-item>.item").on("mouseenter", function () {
                $(this).find(".imgbox").css({
                    "opacity": .1,
                })
                $(this).find(".txtbox").stop().fadeIn(2000)
            }).on("mouseleave", function () {
                $(this).find(".imgbox").css({
                    "opacity": 1,
                })
                $(this).find(".txtbox").stop().fadeOut()
            })
        },

        gaoliang8() {

            $(this).find(".info-item").on("mouseenter", ".item:lt(3)", function () {
                $(this).css({
                    "top": "-5px",
                    // "border": "1px solid #CCCCCC",
                    "box-shadow": "0px 0px 20px skyblue"
                })
            })
            $(this).find(".info-item").on("mouseleave", ".item:lt(3)", function () {
                $(this).css({
                    "top": "0px",
                    // "border": "",
                    "box-shadow": "0px 0px 0px #fff"
                })
            })
            $(this).find(".info-item > .item").eq(3).on("mouseenter", function () {
                $(this).css({
                    "top": "363px",
                    // "border": "1px solid #CCCCCC",
                    "box-shadow": "0px 0px 20px skyblue"
                })
            }).on("mouseleave", function () {
                $(this).css({
                    "top": "368px",
                    // "border": "",
                    "box-shadow": ""
                })
            })
            $(this).find(".info-item > .item").eq(4).on("mouseenter", function () {
                $(this).css({
                    "top": "642px",
                    // "border": "1px solid #CCCCCC",
                    "box-shadow": "0px 0px 20px skyblue"
                })
            }).on("mouseleave", function () {
                $(this).css({
                    "top": "647px",
                    // "border": "",
                    "box-shadow": ""
                })
            })
            $(this).find(".info-item > .item").eq(5).on("mouseenter", function () {
                $(this).css({
                    "top": "363px",
                    // "border": "1px solid #CCCCCC",
                    "box-shadow": "0px 0px 20px skyblue"
                })
            }).on("mouseleave", function () {
                $(this).css({
                    "top": "368px",
                    // "border": "",
                    "box-shadow": ""
                })
            })
        },
        xiaolunbo10() {
            let imgindex = 0
            let self = this
            $(this).find(".c-content10>.arrleft").on("click", function () {
                imgindex--
                if (imgindex < 0) {
                    imgindex = 0
                }
                $(this).parents(".c-content10").find(".info-item").animate({
                    left: 0
                })
            })
            $(this).find(".c-content10>.arrright").on("click", function () {
                imgindex++
                if (imgindex > 7) {
                    imgindex = 7
                }
                $(this).parents(".c-content10").find(".info-item").animate({
                    left: -194
                })
            })
        }
    })
})()


$(function () {
    $(".content2").qiehuan()
})

$(function () {
    $(".content3").gaoliang3()
})

$(function () {
    $(".content4").gaoliang4()
})

$(function () {
    $(".content5").gaoliang5()
})

$(function () {
    $(".content6").gaoliang6()
})
$(function () {
    $(".content7").display7()
})

$(function () {
    $(".content8").gaoliang8()
})

$(function () {
    $(".content10").xiaolunbo10()
})



// content8


















// pubuliu8() {
        //     $(window).ready(function () {
        //         str = ``
        //         for (var i = 0; i <= 5; i++) {
        //             str += `
        //             <div class="item">
        //                         <img data-lazy-src="./images/c-8img${i + 1}.jpg" alt="">
        //                         <div class="tags">
        //                             <img data-lazy-src="./images/c-8tags1.png" alt="">
        //                         </div>
        //                         <div class="txt">
        //                             <div class="lefttxt">
        //                                 <h3>飞科插座转换器</h3>
        //                                 <span>独立安全保护门/750度安全阻燃</span>
        //                             </div>
        //                             <div class="righttxt">
        //                                 <h3>￥</h3>
        //                                 <span>49.90</span>
        //                             </div>
        //                         </div>
        //                     </div>
        //             `
        //         }
        //         $(this).find("c-8beijingse").children().children(".info-item").html(str)
        //     })

        //     var list = [];
        //     window.onload = function () {
        //         var oImg = document.querySelectorAll(".item");
        //         for (let i = 0; i < oImg.length; i++) {
        //             if (i < 3) {
        //                 list[i] = oImg[i].offsetHeight;
        //             }
        //             else {
        //                 var index = getMinIndex(list)
        //                 oImg[i].style.position = "absolute";
        //                 oImg[i].style.left = oImg[i].offsetWidth * index + "px";
        //                 oImg[i].style.top = list[index] + "px"

        //                 list[index] = list[index] + oImg[i].offsetHeight
        //             }

        //         }
        //     }

        //     function getMinIndex(arr) {
        //         var minIndex = arr.findIndex((item) => item == Math.min(...arr))
        //         return minIndex;
        //     }
        //     var arr = [5, 6, 8, 4, 2, 7]
        //     console.log(getMinIndex(arr));
        // }